// pages/consult/screen/screen.js
Page({

    formSubmit: function (e) {
        // 从 e.detail.value 中获取表单数据
    const formData = e.detail.value;

    // 从 this.data 中提取需要的数据
    const good = this.data.labelList.filter(item => item.checked).map(item => item.text).join(', ');
    const way = this.data.wayList.filter(item => item.checked).map(item => item.way).join(', ');
    const levelIndex = this.data.levelIndex;  // 获取 level 的下标
    const level = this.data.arrayList[levelIndex] || this.data.arrayList[0]; 
    const text = this.data.textarea;  // 这里是 textarea 的内容
    const area = this.data.region.join(', ');  // 将区域数据数组转换为字符串

    // 创建提交的数据对象
    const submitData = {
        good: good,  // 选中的 good 数据
        text: text,  // textarea 的内容
        way: way,    // 选中的 way 数据
        level: level,  // 选中的 level 数据
        area: area,  // 选中的区域数据
        ...formData  // 这里将表单数据（e.detail.value）添加到提交的数据中
    };
    console.log('提交的数据:', submitData);

    // 将数据编码为 URL 参数
    const queryString = Object.keys(submitData)
        .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(submitData[key])}`)
        .join('&');

        console.log(queryString);
 
    wx.navigateTo({
        url: `/pages/index/zixunyuyue/zixunyuyueshaixuan/zixunyuyueshaixuan?source=page2&${queryString}`
    });
    },
    /**
     * 页面的初始数据
     */
    data: {
        checked: false,
        textarea:"",
        levelIndex:'',
        level:"",
        region: ['北京省', '北京市', '东城区'],
        labelList: [{
            text: '全部',
            checked: true
        }, {
            text: '抑郁症',
            checked: false
        }, {
            text: '青少年心理',
            checked: false
        }, {
            text: '婚姻家庭',
            checked: false
        }, {
            text: '亲子教育',
            checked: false
        }, {
            text: '职场压力',
            checked: false
        }, {
            text: '两性心理',
            checked: false
        }, {
            text: '抑郁梳理',
            checked: false
        }, {
            text: '情绪管理',
            checked: false
        }, {
            text: '人际关系',
            checked: false
        }, {
            text: '心理健康',
            checked: false
        }, {
            text: '婆媳矛盾',
            checked: false
        }],
        arrayList: ["高级咨询师", "中级咨询师", "初级咨询师"],
        sexList: [{
            sex: '不限',
            checked: true
        }, {
            sex: '男',
            checked: false
        }, {
            sex: '女',
            checked: false
        }],
        wayList: [{
            way: '在线咨询',
            checked: true
        }, {
            way: '面对面咨询',
            checked: false
        }, {
            way: '电话咨询',
            checked: false
        }],
    },
    bindRegionChange: function (e) {
        console.log('picker提交', e.detail.value)
        this.setData({
            region: e.detail.value
        })
    },

    selectClick: function (e) {
        let index = e.currentTarget.dataset.index;
        let flag = this.data.labelList[index].checked;
        
        // 获取当前选中的标签数量
        let selectedCount = this.data.labelList.filter(item => item.checked).length;
    
        // 处理选中逻辑
        if (flag) {
            // 如果当前标签已经选中，则取消选中/
            this.setData({
                [`labelList[${index}].checked`]: false
            });
        } else if (selectedCount < 1) {
            // 如果未选中且当前选中的标签少于3个，则允许选中
            this.setData({
                [`labelList[${index}].checked`]: true
            });
        } else {
            // 如果已经选中了三个标签，则提示用户
            wx.showToast({
                title: '最多只能选择一个',
                icon: 'none'
            });
        }
        this.setData({
            good:e.detail.value
        })
    },

    bindPickerChange: function (e) {
        console.log(e.detail.value);
        this.setData({
            levelIndex: e.detail.value,
        })
    },
    // 处理 textarea 输入事件
    handleInput(e) {
        this.setData({
            textarea: e.detail.value
        });
    },
   
    wayLableBind: function (e) {
        console.log(e);
        let wayIndex = e.currentTarget.dataset.index;
        console.log(wayIndex);
        const newWayList = this.data.wayList.map((item, index) => {
            return {
                ...item,
                checked: index === wayIndex ? !item.checked : false
            };
        });

        this.setData({
            wayList: newWayList
        }, () => {
            // 在 setData 更新成功后的回调函数中输出更新后的数据
            console.log('Updated wayList:', this.data.wayList);
        });
    },

    // formSubmit(e) {
    // },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {

    },

    onClickNav({
        detail = {}
    }) {
        this.setData({
            mainActiveIndex: detail.index || 0,
        });
    },

    onClickItem({
        detail = {}
    }) {
        const {
            activeId
        } = this.data;

        const index = activeId.indexOf(detail.id);
        if (index > -1) {
            activeId.splice(index, 1);
        } else {
            activeId.push(detail.id);
        }

        this.setData({
            activeId
        });
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})